.dialog-wrapper {
  position: fixed;
  z-index: 99999;

  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  display: none;

  background: rgba(255, 255, 255, .25);
  backdrop-filter: blur(8px);

  align-items: center;
  justify-content: center;
  &.is-show {
    display: flex;
  }
}

.dialog-scroll-area {
  overflow-y: auto;
  max-height: 100%;
  flex: 1;
}

.dialog {
  display: block;
  max-width: 50%;
  min-width: 8rem;

  margin: 4rem auto;

  background: rgb(240, 248, 255);

  border-radius: .25rem;
  box-shadow: 0 0 1rem rgba(0, 0, 0, .15), 0 0 0 .05rem rgba(67, 93, 163, 0.379);
  overflow: hidden;

  &-header {
    padding: 1rem 0;

    &-title {
      color: #435ca3;
      text-align: center;
    }
  }

  .dialog-close-button {
    cursor: pointer;

    position: absolute;
    right: .75rem;
    top: 1rem;

    display: flex;
    align-items: center;
  }
}
